.teacherDetail {
  padding: 20px;

  .top {
    display: flex;
    justify-content: space-between;

    .top-l {
      display: flex;
  
      .title {
        font-weight: bold;
        padding-bottom: 5px;
        margin-right: 5px;
        cursor: pointer;
      }
  
      .detail {
        margin-left: 5px;
      }
    }

    .top-r {
      font-weight: bold;
      color: #3b48ee;
      cursor: pointer;
    }
  }
  

  .hr {
    border: 1px solid #ececec;
  }

  .context-box {
    display: flex;
    margin-left: 200px;
    padding-top: 30px;
    width: 900px;
    height: 550px;

    .con1 {
      width: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;

      .people {
        width: 100px;
        height: 140px;
      }

      .name {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
      }

      .state {
        width: 106px;
        height: 22px;
        border: 1px solid #dce2ee;
        border-radius: 3px;
        color: #a8b4c3;
        line-height: 22px;
        text-align: center;
      }
    }

    .con2 {
      margin-left: 50px;

      .detail {
        display: flex;

        .allTitle {
          margin-right: 60px;

          .title {
            color: #a8b4c4;
            font-weight: bold;
            padding-bottom: 5px;
          }
        }

        .text {
          padding-bottom: 5px;
        }
      }

      .allphoto {
        padding-top: 20px;
        display: flex;

        .ap1 {
          margin-right: 25px;

          .title {
            color: #a8b4c4;
            font-weight: bold;
            padding-bottom: 5px;
          }

          .p {
            width: 70px;
            height: 70px;
            background-color: aquamarine;
          }
        }
      }
    }

    .con3 {
      display: flex;
      margin-left: 50px;

      .nopass{
        line-height: 80px;
        text-align: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #fc6080;
        color: white;
        cursor: pointer;
      }

      .pass{
        margin-left: 35px;
        line-height: 80px;
        text-align: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #3c48ee;
        color: white;
        cursor: pointer;
      }
    }
  }
}
